<template>
  <el-container direction="vertical" style="margin-left: 200px; margin-right: 200px">
    <div style="width: 100%; height: 220px">
      <el-image :src="require('@/assets/noticepic.jpg')" alt="sorry"></el-image>
    </div>
    <div>
    <el-row style="background-color: white" class="title">
      <el-col :span="3" :offset="0.5" style="height: 90px">
        <div style="font-size: 20px; margin-top: 20px; margin-left: 10px" >通知公告
        </div>
        <div style="font-size: 15px; color: #909399; margin-top: 8px; margin-left: -30px">News</div>
      </el-col>
    </el-row>
    </div>
    <div id="showpace">
      <el-container>
        <el-aside class="side" width="200px" style="background-color: rgb(238, 241, 246)">
          <el-menu>
            <el-menu-item index="1" class="info" @click="showinfo(1)">公告1</el-menu-item>
            <el-menu-item index="2" class="info" @click="showinfo(2)">公告2</el-menu-item>
          </el-menu>
        </el-aside>
        <el-main class="info" style="background-color: rgb(238, 241, 246); margin-top: -20px; margin-left: -20px; height: 70ex">
          <div style="font-size:20px; font-weight: bold; margin-top: 20px">科锐福克斯2020年校园招聘空中宣讲会</div>
          <div style="font-size: 12px; color: #909399; text-align: right; margin-top: 15px">发布人：chensq  时间：2020-06-07</div>
          <div class="poster">
            <el-image :src="require('@/assets/poster.jpeg')" alt="sorry" style="position: relative; margin: 5%"></el-image>
          </div>
        </el-main>
      </el-container>
    </div>
  </el-container>
</template>

<style>
  .title{
    border-bottom-style: solid;
    border-color: rgb(238, 241, 246);
    border-width: 2px;
  }

  .info{
    border-bottom-style: solid;
    border-color: rgb(238, 241, 246);
    border-width: 2px;
  }
</style>


<script>
export default {

  }

// var app=new Vue({
//   el:'#showpace',
//   data: {
//     title:"腾讯2020校园招聘宣讲会"
//     // author:"chensq"
//     // date:"2020-06-07"
//   },
//   methods:{
//     showinfo:function(num){
//       if(num == 1){this.title}
//       else {this.title == '暂无通知公告'}
//     }
//   }
// })

</script>

<style scoped>

</style>
